<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="ISUX">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>

    <link rel="stylesheet" type="text/css" href="../frozen/css/frozen.css">
    <link rel="stylesheet" type="text/css" href="../css/default.css">

    <title>张三</title>
    <link rel="stylesheet" type="text/css" href="../css/user_center.css">
    <link rel="stylesheet" type="text/css" href="../venobox/venobox.css" media="screen" />
</head>
<body>
    <section class="ui-container">
        <ul class="ui-list ui-border-b user-top">
            <li>
                <div class="ui-avatar ui-avatar-spring">
                    <span style="background-image:url(../images/demo/demo-avatar-1.jpg)"><i>v</i></span>
                </div>
                <a href="#" class="ui-list-info ui-border-t ui-arrowlink">
                    <h4 class="name">张三</h4>
                    <p class="ui-nowrap">来自哪里来自哪里来自哪里任职于哪里任职于哪里任职于哪里来自哪里来自哪里来自哪里任职于</p>
                </a>
            </li>
        </ul>

        <div class="user-center-module ui-border-tb">
            <h4 class="ui-border-b">简介描述</h4>
            <div class="module-content">这里是简介描述:我是XXXXXXXXXXXXXXXXXXXX</div>
        </div>
        
        <div class="user-center-module ui-border-tb">
            <h4 class="ui-border-b">发起的项目</h4>            
            <ul class="p-list">
                <li>
                    <a href="#">
                        <div class="top" style="background-image:url(../images/demo/demo-project-1.jpg)">
                            <div class="h3-box"><h3>3万留守儿童的渴望</h3></div>
                            <div class="ui-progress">
                                <span style="width:50%"></span>
                            </div>
                            <div class="status">募集中</div>
                        </div>
                        <div class="bottom">
                            <div class="infos">
                                <div class="infos-l">共<span class="num">4293</span>份爱心捐款</div>
                                <div class="infos-r">已筹<span class="num">2200</span>元</div>
                            </div>
                            <p>和“真爱公益”一起，为74所学校共29877名留守儿童筹集善款制作故事盒子。</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="top" style="background-image:url(../images/demo/demo-project-2.jpg)">
                            <div class="h3-box"><h3>分享零花钱顶起童年</h3></div>
                            <div class="ui-progress yellow">
                                <span style="width:100%"></span>
                            </div>
                            <div class="status yellow">已筹满</div>
                        </div>
                        <div class="bottom">
                            <div class="infos">
                                <div class="infos-l">共<span class="num">4293</span>份爱心捐款</div>
                                <div class="infos-r">已筹<span class="num">2200</span>元</div>
                            </div>
                            <p>和“真爱公益”一起，为74所学校共29877名留守儿童筹集善款制作故事盒子。</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="top" style="background-image:url(../images/demo/demo-project-2.jpg)">
                            <div class="h3-box"><h3>分享零花钱顶起童年</h3></div>
                            <div class="ui-progress yellow">
                                <span style="width:100%"></span>
                            </div>
                            <div class="status yellow">已筹满</div>
                        </div>
                        <div class="bottom">
                            <div class="infos">
                                <div class="infos-l">共<span class="num">4293</span>份爱心捐款</div>
                                <div class="infos-r">已筹<span class="num">2200</span>元</div>
                            </div>
                            <p>和“真爱公益”一起，为74所学校共29877名留守儿童筹集善款制作故事盒子。</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>


    </section>

    <script src="../frozen/lib/zeptojs/zepto.min.js"></script>
    <script src="../frozen/js/frozen.js"></script>
    <script src="../js/jquery-1.10.2.js"></script>
    <script src="../venobox/venobox.min.js"></script>
    <script src="../js/jquery-migrate-1.2.1.min.js"></script>
    
    <script>
        var tab;
        (function() {
            tab = new fz.Scroll('.ui-tab', {
                role: 'tab',
                autoplay: false,
                interval: 3000
            });

            /* 滑动开始前 */
            tab.on('beforeScrollStart', function(from, to) {
                // from 为当前页，to 为下一页
            })

            /* 滑动结束 */
            tab.on('scrollEnd', function(curPage) {
                // curPage 当前页
            });

            $('.venobox').venobox({
                numeratio: true,
                border: '20px'
            });
            $('.venoboxvid').venobox({
                bgcolor: '#000'
            });
            $('.venoboxframe').venobox({
                border: '6px'
            });
            $('.venoboxinline').venobox({
                framewidth: '300px',
                frameheight: '250px',
                border: '6px',
                bgcolor: '#f46f00'
            });
            $('.venoboxajax').venobox({
                border: '30px;',
                frameheight: '220px'
            });
        })();

        function goTab (n) {
            var c = $('.ui-tab-content'), lis = $('.ui-tab-content > li');
            var newX = 0 - c.width() / lis.length * (n - 1);
            
            if (n >= 0 && n <= lis.length) {
                $('.ui-tab-nav > li').eq(n - 1).addClass('current').siblings().removeClass('current');
                lis.eq(n - 1).addClass('current').css('height', 'auto').siblings().removeClass('current').css('height', '0');
                tab.scrollTo(newX, 0);
                tab.currentPage = n - 1;
            }
        }

    </script>
</body>
</html>